*{
	margin: 0;
	padding: 0;
}
ul,li{
	list-style: none;
}
#banner-box{
       overflow: hidden;
	/*margin-top:20px;*/
	/*background-color: #ccc;*/
}
#banner{
	position: relative; /*相对定位:参照物*/
	width: 1048px;
	height: 462px;
	margin: 0 auto;
}
#banner #list-pic{
	position: relative; /*相对定位:参照物*/
	-webkit-transform-style: preserve-3d; /* Safari and Chrome */
	-ms-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	height: 462px;
	-webkit-perspective:3000px;
	-ms-perspective:3000px;
	-moz-perspective:3000px;
	-o-perspective:3000px;
	perspective:3000px;
}
#banner #list-pic li{
	position: absolute; /*绝对定位:相对于拥有定位属性的最近的父元素定位*/
	width: 1048px;
	height: 462px;
	transition: .5s;
	box-shadow:0 0 30px #333
}
#banner #list-pic li>img{
	width: 100%;
	height: 100%;
}
/*中间的盒子 图片*/
#banner #list-pic li.first{
	top:0;
	z-index: 1;
	box-shadow:none;
	transform:scale(1) translateX(0) translateZ(0) rotateY(0);
	-webkit-transform:scale(1) translateX(0) translateZ(0) rotateY(0);
	-ms-transform:scale(1) translateX(0) translateZ(0) rotateY(0);
	-moz-transform:scale(1) translateX(0) translateZ(0) rotateY(0);
}
/*左边的盒子 图片 */
#banner #list-pic li.second{
	left: 0;
	visibility: visible; 
	z-index: 1;
	transform:scale(.978) translateX(-450px) translateZ(-380px) rotateY(45deg);
	-webkit-transform:scale(.978) translateX(-450px) translateZ(-380px) rotateY(45deg);
	-ms-transform:scale(.978) translateX(-450px) translateZ(-380px) rotateY(45deg);
	-moz-transform:scale(.978) translateX(-450px) translateZ(-380px) rotateY(45deg);
	z-index: -1;
}
/*右边的盒子 图片 */
#banner #list-pic li.last{
	right: 0;
	transform: scale(.978) translateX(450px) translateZ(-380px) rotateY(-45deg);
	-webkit-transform:scale(.978) translateX(450px) translateZ(-380px) rotateY(-45deg);
	-ms-transform:scale(.978) translateX(450px) translateZ(-380px) rotateY(-45deg);
	-moz-transform:scale(.978) translateX(450px) translateZ(-380px) rotateY(-45deg);
	z-index: -1;
}
#banner #btns .btn-left{
	opacity: 0;
	position: absolute;
	top: 0;
	left: -431px;
	width: 435px;
	height: 447px;
}
#banner #btns .btn-right{
	opacity: 0;
	position: absolute;
	top: 0;
	right: -431px;
	width: 435px;
	height: 447px;
}